// iOS native app status bar does not take up space, so we need to pad out the application by 20px
// in order to bring the app below it.
body.x-ios.x-webview.x-portrait {
  margin-top: 20px;
}

/*
.x-panel-header-default{
  background-image:none;
  background-color: #4f5c69;
}*/
.container-shadow {
  /*-webkit-box-shadow: 0 0 10px #666;
  -moz-box-shadow: 0 0 10px #666;
  box-shadow: 0 0 10px #666;*/
}

.fa-lg {
  /* makes the font 33% larger relative to the icon container */
  font-size: 1.5em !important;
  line-height: 1em !important;
}

/*按钮图标大小以及颜色设置*/
.x-btn-icon-el-default-toolbar-small {
  color: #f5f5f5;
}

/*按钮基本样式修改*/
$button-basecolor: #2bc891;
.x-btn-default-small {
  border-color: $button-basecolor;
  background-color: $button-basecolor;
  background-image: none;
}

.x-btn-focus.x-btn-default-small {
  background-image: none;
  background-color: #39babf;
}

.x-btn-over.x-btn-default-small {
  border-color: #39babf;
  background-image: none;
  background-color: #32a3a7;
}

/* E:/starsWebExt/stars-web-ext/ext/classic/theme-neutral/sass/src/button/Button.scss:840 */
.x-btn.x-btn-menu-active.x-btn-default-small,
.x-btn.x-btn-pressed.x-btn-default-small {
  border-color: #2b8c90;
  background-color: #2b8c90;
  background-image: none;
}

/* E:/starsWebExt/stars-web-ext/ext/classic/theme-neutral/sass/src/button/Button.scss:897 */
.x-btn.x-btn-disabled.x-btn-default-small {
  background-image: none;
  background-color: #b4dedf;
}

/*tab基本样式修改*/
.x-tab-default-top {
  border-width: 0px;
  background-color: rgba(240, 226, 239, 0.12);
}

.x-tab.x-tab-active.x-tab-default {
  background-color: rgb(87, 196, 201) !important;
}

.x-tab-bar-default {
  background-color: rgb(245, 245, 245);
}

.x-tab-inner-default {
  font: 600 15px/24px 'Microsoft YaHei', sans-serif;
  color: #4b4848;
}

/*选中列表行时，增加一条红色标记线*/
.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
  border-top-color: #ff761c;
}

.x-grid-item-selected {
  color: #000;
  background-color: #e3e3e3;
}

/*选中列表行时，增加一条红色标记线*/
.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
  border-bottom-color: #ab6e13;
}

/* 将按钮宽度加宽 */
.x-btn-icon-left > .x-btn-icon-el-default-small,
.x-btn-icon-right > .x-btn-icon-el-default-small {
  width: 24px;
}

/* E:/starsWebExt/stars-web-ext/ext/classic/theme-neutral/sass/src/form/Labelable.scss:97 */
.x-form-item-label-default {
  color: #3e3f47;
  font: 600 13px/17px 'Microsoft YaHei', sans-serif;
}

.x-fieldset-header-default > .x-fieldset-header-text {
  font: 600 13px/17px 'Microsoft YaHei', sans-serif;
  color: #0e3434;
  padding: 1px 0;
}

//去掉按钮的圆角样式，改为平面风格
.x-btn-default-small {
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-width: 0px;
}

//编辑按钮样式
.stars-button-edit {
  background: #37c4d6;
  border-color: #37c4d6;
}

.stars-button-edit:hover {
  background: #31acbe;
  border-color: #31acbe;
}

.stars-button-edit:focus {
  background: #37c4d6;
  border-color: #37c4d6;
}

//删除按钮样式
.stars-button-alert {
  background: #e05529;
  border-color: #e05529;
}

.stars-button-alert:hover {
  background: #b64b24;
  border-color: #b64b24;
}

.stars-button-alert:focus {
  background: #d65228;
  border-color: #d65228;
}

//查询按钮样式
.stars-button-search {
  background: #378acb;
  border-color: #378acb;
}

.stars-button-search:hover {
  background: #317fba;
  border-color: #317fba;
}

.stars-button-search:focus {
  background: #378acb;
  border-color: #378acb;
}

//非操作按钮样式
.stars-button-notaction {
  background: #2aba5a;
  border-color: #2aba5a;
}

.stars-button-notaction:hover {
  background: #28a050;
  border-color: #28a050;
}

.stars-button-notaction:focus {
  background: #2aba5a;
  border-color: #2aba5a;
}

//修正列表中的复选框出现错位的问题
.x-column-header-checkbox .x-column-header-inner,
.x-grid-checkcolumn-cell-inner {
  padding: 5px 8px 4px 4px;
  text-overflow: clip;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
  width: 10px;  /*滚动条宽度*/
  height: 10px;  /*滚动条高度*/
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  //border-radius: 8px;  /*滚动条的背景区域的圆角*/
  background-color: #ece7e9;/*滚动条的背景颜色*/
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
  //border-radius: 8px;  /*滚动条的圆角*/
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: rgba(151, 155, 155, 0.55);  /*滚动条的背景颜色*/
}

// panel title 加粗
.x-panel-header-title-default {
  font-size: 110%;
  font-weight: 600;
}
// window title
.x-window-header-title-default {
  color: #3687bf;
  font-size: 110%;
  font-weight: 600;
}

//菜单导航栏背景颜色
.x-treelist-nav {
  background-color: #1a171e;
}
.yueoe-click-button-ok{
  background-color: #26a01c;
},
.yueoe-click-button-ok .x-btn-inner-default-small{
  font-size: 16px;
  font-weight: 600;
},
.yueoe-click-button-ok:hover {
  background-color: #22bfb8; /* Green */
  color: white;
}
.yueoe-click-button-ng{
  background-color: #20202c;
},
.yueoe-click-button-ng .x-btn-inner-default-small{
  font-size: 16px;
  font-weight: 600;
},
.yueoe-click-button-ng:hover {
  background-color: #22bfb8;; /* Green */
  color: white;
}
